
var mySwiper = new Swiper('.swiper', {

    loop: true, // 循环模式选项

    // 如果需要分页器
    pagination: {
        el: '.swiper-pagination',
    },
    autoplay: true,

    // 如果需要前进后退按钮
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },

})
// 海量API服务
// 海量的API服务
// 拿到所有的li标签，给li标签绑定鼠标移入和移出事件
let lis = document.querySelectorAll(".api-item")
let old1 = ""
// 循环
lis.forEach(function (v) {
    v.addEventListener("mouseover", function () {
        // 需要获取li中img的标签对象
        //    console.log( this.firstElenmentChild.src);
        // 截取img中的src的路径中图片的名称
        // 获取路径中最后一个/的位置，开始截取
        old1 = this.firstElementChild.src

        let index = this.firstElementChild.src.lastIndexOf("/")
        let imgName = this.firstElementChild.src.slice(index + 1)

        let imgNameArr = imgName.split(".")
        this.firstElementChild.src = `./imgs/${imgNameArr[0]}-c.svg`
    })

    v.addEventListener("mouseout", function () {
        this.firstElementChild.src = old1
    })
})
//   银行切换的js
// 获取页面上负责银行样式的三个div
let banks = document.querySelectorAll(".bank .bank-item")

let index = 0
// 需要一个定时器
setInterval(function () {
    index++;
    if (index === 0) {
        banks[banks.length - 1].style.opacity = 0;
        banks[banks.length - 1].style.zIndex = 0;
    } else {
        banks[index - 1].style.opacity = 0;
        banks[index - 1].style.zIndex = 0;
    }
    banks[index].style.opacity = 1;
    banks[index].style.zIndex = 10;
    // 需要判断，当前已经到最后一个div的时候，需要将index重新修改为零
    if (index === banks.length - 1) {
        index = -1
    }
}, 1500)
// 返回顶部
let footer = document.querySelector(".footer-top")

window.addEventListener("scroll", function () {
    console.log(scrollY);
    if (this.scrollY > 300) {
        footer.style.display = "block"
    } else {
        footer.style.display = "none"
    }
})

footer.addEventListener("click", function () {

    window.scrollTo({
        top: 0,
        behavior: "smooth"
    })


})







